<template>
  <div>
    <div class="chart5-mark">
      <p style="font-size: 8px">股票RPS5筛选条件</p>
      <p style="font-size: 8px">1、剔除BJ,ST市场股票</p>
      <p style="font-size: 8px">2、上市时间超过一年;流通市值大于>=40亿;行业最高rps>95;</p>
      <p style="font-size: 8px">3、当日收盘价在MA5 MA20之上; MA5在MA20之上</p>
      <p style="font-size: 8px">4、当日交易日期 {{ trade_date }}</p>
    </div>

    <YYTable :responseData="tableData" :responseKeys="sourceKey" />
  </div>
</template>

<script>

import YYTable from "../YYChart/YYTable.vue";

import json_data from "../Utils/api.js";
let { localData } = json_data();

export default {
  name: "Chart5",
  data() {
    return {
      trade_date: "",
      sourceKey: [],
      tableData: [],
    };
  },
  components: {
    YYTable,
  },
  beforeMount() {
    let sourceKey = [
      "name",
      "ts_code",
      "hy",
      "open",
      "close",
      "percent",
      "huanshou",
      "net_mf_amount",
      "buy_elg_amount",
      "buy_elg_percent",
      "rps5",
      "circ_mv",
    ];
    this.sourceKey = sourceKey;
    this.tableData = localData["rps5_table"];
    this.trade_date = this.tableData[0]["trade_date"];
  },
};
</script>
<style scoped>
p {
  color: red;
  text-align: "center";
  text-indent: 10px;
  padding: 0px 0;
  margin: 5px;
}

.chart5-mark {
  background-color: white;
}
</style>
